<script setup>
import {computed, ref} from "vue";

const list = ref([1, 2, 3, 4, 5, 6, 7, 8])
const computedList = computed(() => {
  return list.value.filter((item) => item > 3)
});

setTimeout(() => {
  list.value.push(9, 10, 11)
}, 3000)
</script>

<template>
  <div>{{ list }}</div>
  <div>{{ computedList }}</div>
</template>

<style scoped>

</style>
